<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2016/6/23
  Time: 17:35
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>签约并支付接口调用DEMO</title>
    <meta content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width" name="viewport">
    <link rel="stylesheet" href="static/bootstrap-3.3.5/css/bootstrap.css"/>
    <script type="text/javascript" src="static/jquery/jquery-3.0.0.js"></script>
    <script type="text/javascript" src="static/bootstrap-3.3.5/js/bootstrap.js"></script>
</head>
<body>

<div class="container">
    <fieldset>
        <legend>签约并支付接口调用DEMO</legend>

        <form role="form" id="bind-pay-form" action="${bind_and_pay_url}" method="post" class="form-horizontal">
            <div class="form-group">
                <label for="userId" class="col-sm-2 control-label">用户标识：</label>
                <div class="col-sm-8">
                    <input class="form-control" type="text" name="userId" id="userId" placeholder="请输入用户标识"
                           value="${bindAndPay.userId}">
                </div>
            </div>
            <div class="form-group">
                <label for="cardNo" class="col-sm-2 control-label">银行卡号：</label>
                <div class="col-sm-8">
                    <input class="form-control" type="text" name="cardNo" id="cardNo" placeholder="请输入银行卡号"
                           value="${bindAndPay.cardNo}">
                </div>
            </div>
            <div class="form-group">
                <label for="cardType" class="col-sm-2 control-label">银行卡类型：</label>
                <div class="col-sm-8">
                    <input class="form-control" type="text" name="cardType" id="cardType" placeholder="请输入银行卡类型"
                           value="${bindAndPay.cardType}">
                </div>
            </div>
            <div class="form-group">
                <label for="bankId" class="col-sm-2 control-label">银行卡开户行代码：</label>
                <div class="col-sm-8">
                    <input class="form-control" type="text" name="bankId" id="bankId" placeholder="请输入银行卡开户行代码"
                           value="${bindAndPay.bankId}">
                </div>
            </div>
            <div class="form-group">
                <label for="transAmt" class="col-sm-2 control-label">交易金额：</label>
                <div class="col-sm-8">
                    <input class="form-control" type="text" name="transAmt" id="transAmt" placeholder="请输入交易金额"
                           value="${bindAndPay.transAmt}">
                </div>
            </div>
            <div class="form-group">
                <label for="merOrderId" class="col-sm-2 control-label">商户订单号：</label>
                <div class="col-sm-8">
                    <input class="form-control" type="text" name="merOrderId" id="merOrderId" placeholder="请输入商户订单号"
                           value="${bindAndPay.merOrderId}">
                </div>
            </div>
            <div class="form-group">
                <label for="merchantId" class="col-sm-2 control-label">商户标识：</label>
                <div class="col-sm-8">
                    <input class="form-control" type="text" name="merchantId" id="merchantId" placeholder="请输入商户标识"
                           value="${bindAndPay.merchantId}">
                </div>
            </div>
            <div class="form-group">
                <label for="appId" class="col-sm-2 control-label">商户应用标识：</label>
                <div class="col-sm-8">
                    <input class="form-control" type="text" name="appId" id="appId" placeholder="请输入商户应用标识"
                           value="${bindAndPay.appId}">
                </div>
            </div>
            <div class="form-group">
                <label for="pageRetUrl" class="col-sm-2 control-label">前台交易接收地址：</label>
                <div class="col-sm-8">
                    <input class="form-control" type="text" name="pageRetUrl" id="pageRetUrl" placeholder="请输入前台交易接收地址"
                           value="${bindAndPay.pageRetUrl}">
                </div>
            </div>
            <div class="form-group">
                <label for="bgRetUrl" class="col-sm-2 control-label">后台回调地址：</label>
                <div class="col-sm-8">
                    <input class="form-control" type="text" name="bgRetUrl" id="bgRetUrl" placeholder="请输入后台回调地址"
                           value="${bindAndPay.bgRetUrl}">
                </div>
            </div>
            <div class="form-group">
                <label for="signatureAlgorithm" class="col-sm-2 control-label">签名方式：</label>
                <div class="col-sm-8">
                    <input class="form-control" type="text" name="signatureAlgorithm" id="signatureAlgorithm" placeholder="请输入签名方式"
                           value="${bindAndPay.signatureAlgorithm}">
                </div>
            </div>
            <div class="form-group">
                <label for="signatureInfo" class="col-sm-2 control-label">签名：</label>
                <div class="col-sm-8">
                    <input class="form-control" type="text" name="signatureInfo" id="signatureInfo" placeholder="请输入签名"
                           value="${bindAndPay.signatureInfo}">
                </div>
            </div>

            <div class="form-group">
                <div class="col-sm-offset-2 col-sm-10">
                    <button type="submit" id="pay-btn" class="btn btn-info">支付</button>
                </div>
            </div>

        </form>
    </fieldset>
</div>
</body>
</html>
